<!DOCTYPE html> <!-- HTML 5 doctype!-->
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="Ein app med listevisning av songar"/>

    <title>Ljod</title>

    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>


    <!-- library for å bruke gestures -->
    <!-- http://hammerjs.github.io/ -->
    <!-- https://hammerjs.github.io/dist/hammer.js for å supresse errors -->

    <!-- bytter ut denne -->
    <script type="text/javascript" src="js/audio.js"></script>
    <script type="text/javascript" src="js/tau.js"></script>


    
    <!-- Inn med defualt theme -->
    <link rel="stylesheet" href="css/themes/tau/tau.css" />

    <!-- Denne laster vi inn til slutt for å overskrive styler -->
    <link rel="stylesheet" href="css/style.css" />


    
</head>
<body>

 <!--  Eksemepl plyndra frå "Wearable widgets" -->
 <div id="wrapper">
	<div class="ui-page ui-page-active" id="main">
		<header class="ui-header">		
			<h2 class="ui-title">Ljod</h2>
		</header>
		<div class="ui-content">
			<div id="sangbilete" >
				<center>
					<img id="cover" style="height:200px;" alt="cover"/>
				</center>
		</div>

		<div class="ui-header ui-color-green"><center>
			<div id="artist">artist</div></center>
		</div>

		<audio id="avspelar"></audio>
		<div id="kontrollere">
			<center>
				<input type="range" id="seek" value="0" max=""/>
				<button id="previous" class="ui-btn ui-color-blue ui-inline"><</button>			<button id="pButton" class="ui-btn ui-color-orange ui-inline">Play</button>
				<a id="nextlink" href="#"><button id="next" class="ui-btn ui-color-green ui-inline">></button></a>
			</center>
		</div>
	</div>
	</div>
</body>
</html>
